  <div id="treasureTemplateManagementPanel" class="col-md-5 panelCommon">
  	<fieldset>
    	<legend class="titleStyle" >Treasure Template Management</legend>	
		<label id="treasureNameLbl" for="treasureNameTxt" >Template Name:</label>
		<input id="treasureNameTxt" placeholder="Name" class="textCommon" data-ng-model="$parent.searchTemplateName" value="{{searchTemplateName}}">
		<button type="button" class="btn btn-default buttonCommon" ng-click="onSearchTreasureTemplates(searchTemplateName)">Search</button>			
		<select  id="treasureList"  size="2"   class="form-control"  data-ng-model="$parent.selectedTreasureTemplate" ng-options="treasureTemplate.name for treasureTemplate in treasureTemplates" >
		  
		</select>
		<button id="newTreasureTemplateBtn" ng-click="onNewTreasureTemplateBtnClick()" type="button" class="btn btn-default buttonCommon" data-toggle="modal" data-target="#newTreasureTemplateDialog">New</button>	
		<button type="button" class="btn btn-default buttonCommon" ng-click="onSaveTreasureTemplateClick()" >Save</button>	
		<button type="button" class="btn btn-default buttonCommon">Delete</button>				
	</fieldset>		
  </div>
  
 <!-- Modals -->
<div class="modal fade" id="newTreasureTemplateDialog" tabindex="-1" role="dialog" aria-labelledby="newTreasureNameTitle" aria-hidden="true" >
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title titleStyle" id="newTreasureNameTitle" >New Treasure Template</h4>
      </div>
      <div class="modal-body">
        <label id="newTreasureTemplateNameLbl" for="newTreasureTemplateNameTxt" class="textStyleCommon">Template Name:</label>
        <input id="newTreasureTemplateNameTxt" ng-keyup="onNewTreasureTemplateNameTxtKeyUp($event);" placeholder="Name" data-ng-model="$parent.newTreasureTemplateName" value="{{newTreasureTemplateName}}">
        <label id="newTreasureTemplateErrorLbl" class="textErrorStyleCommon" hidden="true" style="position:relative; left:10%; top:20px;">Error message to display</label>
      </div>
      <div class="modal-footer">
        <button type="button"  class="btn btn-default buttonCommon" data-dismiss="modal">Cancel</button>
        <button id="createButton" type="button" class="btn btn-default buttonCommon" ng-click="onCreateNewTreasureTemplate();">Create</button>
      </div>
    </div>
  </div>
</div>